<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <!-- 顶部导航 -->
    <div class="topnav">
        <div class="container">
            welcome to GREAT pet shop！！！
            <span>
                <a href="">168-8888-88888 </a>
                <a href="">123456789@qq.com</a>
            </span>
        </div>
    </div>
    <!-- 主导航 -->
    <header class="container cf">
        <a href="./index.html">
            <img class="logo" src="./images/logo.png">
        </a>
        <nav>
            <a href="index.html">HOME</a>
            <a href="aboutus.html">ABOUTUS</a>
            <a href="#">DETAILS</a>
            <a href="#">NEWS</a>
            <a href="message.html">OnlineMessage</a>
            <a href="contactus.html">ContactUs</a>
        </nav>
    </header>
    <!-- 横幅 -->
    <div class="banner">
        <a href="#">
            <img src="./images/hengfu.png">
        </a>
    </div>
    <!-- 介绍 -->
    <section class="prodesc container">
        <ul class="desclist cf">
            <li>
                <a href="#">
                    <h1>superior quality</h1>
                </a>
            </li>
            <li>
                <a href="#">
                    <h1>Excellent group</h1>
                </a>
            </li>
            <li>
                <a href="#">
                    <h1>Excellent source of imports</h1>
                </a>
            </li>
        </ul>
    </section >
  <!-- 视频 -->
    <section class="container">
    	
    		<video width="1200" height="480" controls>
  				<source src="http://home.ustc.edu.cn/~yunju/video/dog1.mp4" type="video/mp4">
<!--   				<source src="movie.ogg" type="video/ogg">
 				 <source src="movie.webm" type="video/webm"> -->
 			<!-- 	<object data="movie.mp4" width="320" height="240">
    				<embed src="http://home.ustc.edu.cn/~yunju/video/dog.mp4" width="320" height="240">
  				</object> -->
			</video>
    </section>
    <!-- 产品展示 -->
    <section class="container proreveal cf">
        <h1>OUR PRODUCTS</h1>
        <ul>
            <li class="l">
                <img src="./images/pic01.png">
                <a href="#">
                    <h2>The dog</h2>
                    <p>DOG</p>
                </a>
            </li>
            <li class="l">
                <img src="./images/pic02.png">
                <a href="#">
                    <h2>The cat</h2>
                    <p>CAt</p>
                </a>
            </li>
            <li class="r">
                <img src="./images/pic05.jpg">
                <a href="#">
                    <h2>THEMORE</h2>
                    <p>。。。。。</p>
                    <button type="submit">READ MORE</button>
                </a>
            </li>
            <li class="l">
                <img src="./images/pic03.png">
                <a href="#">
                    <h2>pet food</h2>
                    <p>FOOD</p>
                </a>
            </li>
            <li class="l">
                <img src="./images/pic04.png">
                <a href="#">
                    <h2>Pet care</h2>
                    <p>TREATMENT</p>
                </a>
            </li>
        </ul>
    </section>

    <!-- 关于我们 -->
    <section class="aboutwe">
        <div class="container aboutwe_main">
            <h1>ABOUTUS</h1>
            <p>At present, there are huge business opportunities in the pet drug market.  1. Develop compound pet drugs that can treat a variety of diseases, especially for external use, oral use and injection. This kind of medicine does not need too much investment. It only needs to combine several drugs with similar basic principles. 2. Production of small doses of drugs for pets. Many large dose drugs and human drugs for large animals have definite effect on the treatment of pet diseases. It only needs to improve the packaging and adjust the dose. 3. There is a certain correlation between veterinary drugs and pet drugs........</p>
            <button type="button">READ MORE</button>
        </div>
    </section>

    <!-- 底部导航 -->
    <footer>
        <div class="container cf">
            <!-- 地址联系方式 -->
            <div class="footer_left fl">
                <img src="./images/logo.png">
                <p>1 Century Avenue, Pudong New Area, Shanghai, China</p>
                <p>168-8888-88888 / (021)-58791888</p>
                <p>1238596789@gmail.com</p>
            </div>
            <!-- 快速链接 -->
            <div class="footer_middle fl">
                <h2>Navigation links</h2>
                <ul class="linklist">
                    <li>
                        <a href="#">>Home</a>
                    </li>
                    <li>
                        <a href="#">>About us</a>
                    </li>
                    <li>
                        <a href="#">>Products</a>
                    </li>
                    <li>
                        <a href="#">>News</a>
                    </li>
                    <li>
                        <a href="#">>Message</a>
                    </li>
                    <li>
                        <a href="#">>Contact</a>
                    </li>
                    <li></li>
                </ul>
            </div>
            <!-- 搜索 -->
            <div class="footer_bottom fl">
                <h2>Search</h2>
                <form class="search" action="#" method="GET">
                    <input type="text" placeholder="keywords">
                    <button type="submit">Search</button>
                    <p>
                        <a href="">Follow us</a>
                    </p>
                </form>
            </div>
        </div>
        <div class="bottom_nav">
            <p>Copyright © 2020-2021,vamll.yunjunet.cn, All rights reserved ICP no.1002548. No reprint is allowed without permission/p>
        </div>
    </footer>
    <!-- 回到顶部 -->
    <div id="gotop">
        <img src="./images/回到顶部.jpeg" alt="">
    </div>
    <script src="./js/common.js"></script>
</body>

</html>